/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
	--abt-themecolor: #1F2506;
	--abt-themecolor-rgb: 31, 37, 6;
	--abt-color-secondary: #FCF8F2;
	--abt-primary-font: ivymode, sans-serif;
	--abt-body-font: tenon, sans-serif;
}

.circular-text {
	position: absolute;
	width: 180px;
	height: 180px;
	top: -90px;
	right: -90px;
}

.circular-text-rotate {
	font-size: 13px;
	font-family: var(--abt-body-font) !important;
	opacity: .5;
	text-transform: uppercase;
}
/* Hide mobile title --*/
@media (max-width: 575.98px) {
  .hidmobtit {
    display: none;
  }
}


/* Contact --*/
		.sk-cont {
			--color: #333333;
			--color-secondary: 237,237,237;
		}

		.sk-cont h1,
		.sk-cont h2,
		.sk-cont h3,
		.sk-cont h4,
		.sk-cont h5,
		.sk-cont h6,
		.sk-cont p,
		.sk-cont a,
		.sk-cont .color {
			font-family: 'Playfair Display', serif !important;
			color: var(--color) !important;
		}

		.sk-cont .bg-color {
			background-color: var(--color) !important;
		}

		.sk-cont .fbox-icon i {
			background-color: #cccccc;
			color: var(--color);
		}

.section-more-link {
	margin-top: 30px;
	font-size: 18px;
	font-weight: 300;
}

.section-more-link i {
	position: relative;
	top: 1px;
	margin-left: 2px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.section-more-link:hover { color: var(--cnvs-themecolor); }

.section-more-link:hover i { left: 3px; }





/* havor 3D --*/
		.move-bg {
			width: 100%;
			height: 100%;
			background-size: cover;
			-webkit-backface-visibility: hidden;
		}


		/* img-hover-wraps */
		.img-hover-wrap {
			-webkit-transition: transform .3s ease;
			-o-transition: transform .3s ease;
			transition: transform .3s ease;
			-moz-transform-style: flat !important;
			-webkit-backface-visibility: hidden;
		}

		.img-hover-wrap:hover {
			-webkit-transform: scale(1.1);
			-ms-transform: scale(1.1);
			-o-transform: scale(1.1);
			transform: scale(1.1);
			z-index: 99;
		}

		.img-hover-card:after {
			content: " ";
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
			transition: all .3s ease;
			opacity: 0;
		}

		.img-hover-wrap.show-title .img-hover-card:after { opacity: 0.5; }

		.img-hover-wrap:hover .img-hover-card:after { opacity: 1 }

		.img-hover-card {
			position: relative;
			display: block;
			will-change: transform;
			transition: all .3s ease;
			box-shadow: 0 10px 40px transparent;
		}

		.img-hover-card img {
			width: 100%;
			max-width: 100%;
			display: block;
			
		}

		.img-hover-card.hover-in {
			transition: -webkit-transform .2s ease-out;
			transition: transform .2s ease-out;
			transition: transform .2s ease-out, -webkit-transform .2s ease-out;
		}

		.img-hover-card.hover-3d { 
			z-index: 99; 
		}

		.img-hover-card.hover-out {
			transition: -webkit-transform .2s ease-in;
			transition: transform .2s ease-in;
			transition: transform .2s ease-in, -webkit-transform .2s ease-in;
		}

		.img-hover-wrap:hover .img-hover-card { box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); }

		.img-hover-wrap.show-title .img-hover-title,
		.img-hover-wrap.show-title .img-hover-category {
			-webkit-transform: translateY(0) scale(1);
			-ms-transform: translateY(0) scale(1);
			transform: translateY(0) scale(1);
			opacity: 1;
		}

		.img-hover-wrap.show-title:hover .img-hover-title,
		.img-hover-wrap.show-title:hover .img-hover-category {
			-webkit-transform: scale(1.106);
			-ms-transform: scale(1.106);
			transform: scale(1.106);
		}

		.img-hover-wrap:hover .img-hover-title,
		.img-hover-wrap:hover .img-hover-category {
			-webkit-transform: translateY(0) scale(1);
			-ms-transform: translateY(0) scale(1);
			transform: translateY(0) scale(1);
			opacity: 1;
		}

		.img-hover-detail {
			position: absolute;
			left: 40px;
			right: 40px;
			top: 40px;
			bottom: 40px;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
			text-align: center;
			pointer-events: none;
			-webkit-transform: translateZ(40px);
			transform: translateZ(40px);
			-webkit-backface-visibility: hidden;
		}

		.img-hover-title {
			margin: 0 0 10px;
			font-size: 24px;
			font-weight: 700;
			text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
			transition: .4s ease;
			opacity: 0;
			-webkit-transform: translateY(40px) scale(0);
			-ms-transform: translateY(40px) scale(0);
			transform: translateY(40px) scale(0);
			will-change: transform;

	
		}

		.img-hover-category {
			opacity: 0;
			margin: 0 0 18px;
			font-family: 'Lato';
			transition: .4s ease;
			transition-delay: .1s;
			-webkit-transform: translateY(40px) scale(0);
			-ms-transform: translateY(40px) scale(0);
			transform: translateY(40px) scale(0);
			will-change: transform;


		}

		.img-hover-detail a { color: #FFF; }